<template>
  <div class="wrap">
    <h2>
      {{company.company}}
    </h2>
    <div class="desc">
      <p>邮箱：{{company.email}}</p>
      <p>电话：{{company.phone}}</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      company: {},
      siteinfo:{}
    }
  },
   metaInfo() {
    return {
      title: this.siteinfo.name,
      meta: [
        {
          vmid: "description",
          name: "description",
          content: this.siteinfo.descript,
        },
         {
          vmid: "keyword",
          name: "keyword",
          content: this.siteinfo.keyword,
        },
      ],
    };
  },
  mounted() {
    const obj = {
      company: localStorage.getItem("company_name") || '',
      email: localStorage.getItem("company_email") || '',
      phone: localStorage.getItem("company_phone") || ''
    }
    this.company = obj;
     
      
    var siteinfo = localStorage.getItem("site_info")
    if(siteinfo != undefined){
        siteinfo = JSON.parse(siteinfo)
    }
    this.siteinfo = siteinfo; 
  }
}
</script>

<style lang="less" scoped>
.wrap {
  h2 {
    font-size: 18px;
    margin: 40px 0;
    font-weight: 500; 
    border-bottom: 0;
  }
  .desc {
    p {
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
    }
  }
}
</style>